
   <?php
       /* For user login if wrong redirect to index/login */
       if($_SERVER['REQUEST_METHOD'] == "POST")
       {
          if(!$login)
          {
            ?>
            <script type="text/javascript">
               showNotification({
                            message: "Invalid username & Password, Try to login again.",
                            type: "error",
                            autoClose: true,
                            duration: 2
                        });
            </script>
            <?php
          }
       }
       
   ?>
   <br/>
<h1>Notifications</h1>
<br/><Br/>
<div class="fl-notification-wrapper">
  <div class="fl-head-title-wrapper">
  <h2>Today</h2>
  </div>
  <ul class="notification">
    <div class="fl-notification-wrapper-scroll">
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
         <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li> 
         <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li> 
         <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li> 
         <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li> 
      </div> 
  </ul> 
</div>
<div style="margin-top:240px;"></div>
<div class="fl-notification-wrapper">
  <div class="fl-head-title-wrapper">
  <h2>Yesterday</h2>
  </div>
  <ul class="notification">
    <div class="fl-notification-wrapper-scroll">
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
         <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li> 
         <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li> 
         <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li> 
         <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li>
        <li><div class="fl-status-and-type"><i class="fa fa-exclamation-circle fl-notification-color"></i><span class="fl-from">Announcements</span></div><div class="fl-notification-content"><a href="#">Geraldine Aligno</a> and <a href="#">Samuel G. Pulta</a> commented on a post you are following in <a href="#">Sirkulo ng GS3</a>. 11:57am ajslkdjas ljaslkdj lajlskdj ljaiwlkasfj lajksd;lja lojasldjlas l;ajsdljwlkajsldkjow ;akjs;djasd</div><div class="fl-notification-del-time"><span class="fl-delete"><i class="fa fa-trash-o"></i></span> <span class="time">2014-01-02 09:20:11</span></div>
          <div class="clearfix"></div>
        </li> 
      </div> 
  </ul> 
</div>


